import React from 'react';
import {
  StyleSheet,
  View,
  Text,
  NativeModules,
  findNodeHandle,
  TouchableHighlight,
  ToastAndroid,
  PanResponder,
  Animated,
  ScrollView
} from 'react-native';
export default class HomeDemo extends React.Component {
  render() {
    return (
      <ScrollView>
        <View style={styles.container}>
          <TouchableHighlight
            onPress={() => { this.props.navigation.navigate("BaseTestCase") }}
            style={styles.button}
          >
            <Text style={styles.text}>基础用例</Text>
          </TouchableHighlight>

          <TouchableHighlight
            onPress={() => { this.props.navigation.navigate("MultipleDevices") }}
            style={styles.button}
          >
            <Text style={styles.text}>多设备场景</Text>
          </TouchableHighlight>
        </View>
      </ScrollView>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#F5FCFF',
    marginBottom: 50
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 10,
  },
  text: {
    textAlign: 'center',
    color: '#fff'
  },
  button: {
    height: 50,
    backgroundColor: '#1E90FF',
    justifyContent: 'center',
    alignItems: 'center',
    marginTop: 20
  },
  wrapper: {
    backgroundColor: '#0000ff',
    height: 48,
    alignItems: 'center',
    justifyContent: 'center'
  },
  margin: {
    marginTop: 20
  },
  anchor: {
    width: 80,
    height: 80,
    backgroundColor: '#ff0000',
    marginTop: 48
  }

});